<script>
export default {
    props: {
        title: String
    },
};
</script>

<template>
    <header id="back">
        <img src="../assets/icon/back.png" alt="" srcset="" style="margin-left: 10px;" @click="$router.go(-1)" />
        <h1>{{ title }}</h1>
        <img src="../assets/icon/more1.png" alt="" srcset="" style="margin-right: 10px;" />
    </header>
    <div style="height: 50px;"></div>
    <Layout />
</template>

<style>
#back {
    width: 490px;
    height: 40px;
    background-color: #fdfdfd;
    border-bottom: 1px solid grey;
    display: flex;
    position: fixed;
    z-index: 998;
    padding: 5px;
}

#back h1 {
    width: 90%;
    text-align: center;
    line-height: 38px;
    font-size: 22px;
    font-weight: 500;
}

#back img {
    margin-top: 5px;
    width: 30px;
    height: 30px;
}
</style>